@charset "utf-8";
/* CSS Document */

html, body, div, p, ul,ol, li, dl, dt, dd, h1, h2, h3, h4, h5, h6, form, input, select, button, textarea, iframe, frameset, table, th, tr, td, fieldset { margin:0; padding:0; }

/* IE5.xIE6бbug */ 
* html body{overflow: visible;} 
* html iframe, * html frame{overflow: auto;} 
* html frameset{overflow: hidden;} 

/* body */ 
body{color:#757575; font-size:12px; line-height:24px;  font-family:"微软雅黑"; background:#FFF} 
i, em, cite { font-style:normal; }

/* a */ 
a{color:#757575; font-size:12px;/*-webkit-transition:all 0.2s ease-in-out;
	-moz-transition:all 0.2s ease-in-out;
	-ms-transition:all 0.2s ease-in-out;
	-o-transition:all 0.2s ease-in-out;
	transition:all 0.2s ease-in-out;*/ text-decoration: none; }
a:hover { color:#e57917; }

/* form */ 
textarea,input{ word-wrap:break-word;word-break:break-all;} 
textarea,input {vertical-align:middle;font-size:12px; outline:none}


/* li */ 
ul,li{list-style-type:none;} 
/* img */ 
body img{border:0 none; vertical-align:middle;} 

/* h* */ 
h1{ font-size:24px;} 
h2{ font-size:20px;} 
h3{ font-size:18px;} 
h4{ font-size:16px;} 
h5{ font-size:14px;} 
h6{ font-size:12px;} 


/* Hides from IE-mac \*/
* html .clearfix {height:1%;}.clearfix {display:block;}
/* End hide from IE-mac */
/*********清除浮动处理**********/
.clr { clear:both; display:block; height:0;font-size:0; overflow:hidden;}

/*返回顶部*/
.totop{position:fixed; right:50%; margin-right:-528px; z-index:10000; bottom:25px;display:block; width:26px; height:62px; background:url(../images/rocket.png) no-repeat 0 0; -webkit-transition: all 0.2s ease-in-out;}

.headTopWrap{ width:100%; height:40px; background:url(../images/topbj.jpg) left center repeat-x}

.headTopWrap .headTop{ width:1200px; height:40px; color:rgba(255,255,255,0.5); font-size:14px; line-height:40px; margin:0 auto; position:relative}
.headTopWrap .headTop .lang{ position:absolute; right:0; top:0}
.headTopWrap .headTop .lang a{color:rgba(255,255,255,0.5); font-size:14px; display:inline-block; text-transform:uppercase; margin-left:15px;}
.headTopWrap .headTop .lang a img{ margin-right:5px;}

/*网站头部*/
.top-T_Wrap{ width:auto; height:120px; position:relative; z-index:1000; background:#FFF}
.top-T{ width:1200px; margin:0 auto; height:120px; position:relative;}
.top-T .logoL{ width:280px; height:37px; overflow:hidden; padding-top:40px; position:relative}


/***********nav*******/
.nav{ width:auto; position:absolute; right:0; top:0; margin:0 auto; height:120px; z-index:1000}
.nav li{ float:left; text-align:center; position:relative}
.nav li.li{ width:0; height:120px; background:url(../images/navxian.png) center center no-repeat}
.nav li > a{  line-height:120px; width:110px; font-size:16px; color:#666666; display:block; position:relative}
.nav li > a:hover,.nav li > .cur{ color:#e77844 }

.nav li > a span{ display:inline-block; position:relative}
.nav li > a:hover span:after,.nav li > .cur span:after{ content:''; position:absolute; left:0; margin:auto; width:100%; right:0; bottom:30px; height:2px; background:#e77844}



.nav li .box{ position:absolute; left:0; background:#FFF; top:120px; z-index:1101; display:none;}
.nav li .box .listsub{ width:112px; height:40px; line-height:40px; position:relative; z-index:1101;}
.nav li .box .listsub > a{ display:block;  text-align:center; color:#666666; font-size:14px;}
.nav li .box .listsub > a:hover{ color:#e77844}
.nav li:hover .box{ display:block}
.nav li:hover > a{color:#e77844;}

/*********************************公共头部结束*******************************/


.js-silder{position: relative; height:600px; z-index:100}
.silder-scroll{width: 100%; overflow: hidden; height:100%;}
.silder-main{position: relative; width: 100%; overflow: hidden; height:100%;}
.silder-main-img{position: absolute;top: 0;left: 0;width: 100%; height:100%;}
.silder-main-img a{ display:block; height:100%}
.silder-main-img img{width: 100%;}
.js-silder-ctrl{position:absolute; bottom:0; z-index:10; width: 100%; text-align: center;}
.silder-ctrl-prev,
.silder-ctrl-next{position: absolute;top: 0;display:none;width: 8%;height: 100%;vertical-align: middle;cursor: pointer;color: #fff;font-family: "宋体"; font-size: 52px;font-weight: 600;text-shadow: #666 2px 2px 5px;}
.silder-ctrl-prev{left: 0; text-align: left;}
.silder-ctrl-next{right: 0; text-align: right;}
.silder-ctrl-prev>span,
.silder-ctrl-next>span{position: absolute;top: 50%;  margin-top: -40px;}
.silder-ctrl-prev>span{display:none;left: 0;}
.silder-ctrl-next>span{ display:none;right: 0;}
.silder-ctrl-con{display: inline-block;width:50px; padding:10px 0; margin:0 10px; cursor: pointer;}
.silder-ctrl-con>span{display: block;line-height: 0;text-indent: -9999px;overflow: hidden;padding:2px 0px; cursor:pointer; background:#ffffff}
.silder-ctrl-con.active>span{background-color: #e57917;}

@media (max-width: 768px){
.silder-ctrl-prev,.silder-ctrl-next{width: 10%;font-size: 26px;margin-top: -25px;}
.silder-ctrl-con{width: 14px;height: 14px;padding: 0;margin: 0 5px;}
.silder-ctrl-con>span{display: block; width: 100%;height: 100%;border-radius: 50%;padding: 0;}
}


.inPRO{ width:1100px; margin:0 auto ;  padding:30px 0 30px; overflow:hidden;}

.homeTitle{ text-align:center; padding-top:50px;}

.homeProWrap{ width:1200px; margin:0 auto;  overflow:hidden;  padding:50px 0 20px;  position:relative; z-index:10}


.RightBOx{ width:960px; float:right; overflow:hidden}

.RightBOx li{ width:240px;  overflow:hidden; margin-bottom:20px; position:relative; float:left; display:inline; }
.RightBOx li a { display:block; color:#333333; width:210px; overflow:hidden; margin:0 auto}
.RightBOx li .pic {position:relative; display:block; overflow:hidden; background:#FFF; margin:0 auto; height:210px;}
.RightBOx li .pic img{ max-width:100%; max-height:100%; position:absolute; margin:auto; left:0; top:0; bottom:0; right:0;}
.RightBOx li .text{ text-align:center; line-height:52px; height:52px; margin-top:10px; font-size:16px;border-top:2px solid #2d4188;  overflow:hidden;}
.RightBOx li a:hover{ color:#e57917;}
.RightBOx li a:hover .text{ border-top:2px solid #e57917; }

.LeftBox{ width:220px; float:left; overflow:hidden; background:url(../images/leftbj.png) left bottom no-repeat #2d4188; margin-bottom:20px; position:relative;}
.LeftBox .Lefttitle{ width:220px; height:102px; background:url(../images/prozi.png) center center no-repeat}
.LeftBox .Lefttitle.newsbj{ background:url(../images/newzi.png) center center no-repeat}
.LeftBox .Lefttitle.aboutsbj{ background:url(../images/aboutzi.png) center center no-repeat}
.LeftBox .Lefttitle.contactbj{ background:url(../images/contactzi.png) center center no-repeat}
.LeftBox .Lefttitle.serverbj{ background:url(../images/serverzi.png) center center no-repeat}


.LeftBox .LeftList{ width:210px; padding-bottom:120px; margin-left:10px; overflow:hidden;}
.LeftBox .LeftList  li {overflow:hidden; margin-bottom:2px;  position:relative}
.LeftBox .LeftList  li a{ color:#FFF; display:block; height:40px; line-height:40px; font-size:14px;  background:url(../images/san.png) 190px center no-repeat #24346e; padding-left:10px;}
.LeftBox .LeftList  li a:hover,.LeftBox .LeftList  li a.cur{ background:url(../images/san.png) 190px center no-repeat #1c2854; }


.in_pro{width:1200px; margin:0 auto; overflow:hidden; padding:30px 0 10px}

/***关于我们**/
.aboutWrap{ border-top:1px solid #bfc5db;}
.aboutWrap .about{ height:360px; width:1200px; margin:60px auto; background:url(../images/about.jpg) left center no-repeat}
.aboutWrap .about .text{ display:block; height:345px; margin-left:580px; padding-top:15px; background:url(../images/about01.jpg) left center no-repeat}
.aboutWrap .about .text a{ display:block; padding-left:130px; margin-bottom:55px; font-size:16px; color:#808080}
.aboutWrap .about .text a strong{ display:block; font-size:18px; color:#333333}

/*新闻中心*/
.newsWrap{ height:420px; width:auto; background:url(../images/newsbj.jpg) center center no-repeat}
.news{width:1200px; margin:0 auto; overflow:hidden; padding-top:60px;}

.news .newsL{ width:220px; float:left; height:300px; background:url(../images/newLbj.png) left top repeat-x; margin-right:30px; }

.news .newsL .top li{ line-height:50px; height:50px; background:url(../images/xian03.png) left bottom repeat-x}
.news .newsL .top li a{ font-size:14px; color:#363b41; display:block; padding-left:45px;}
.news .newsL .top li a:hover{ color:#e57917}

.news .newsL .top li.act01 a{ background:url(../images/icon01.png) 15px center no-repeat;}
.news .newsL .top li.act01 a:hover{ background:url(../images/icon01a.png) 15px center no-repeat;}

.news .newsL .top li.act02 a{ background:url(../images/icon02.png) 15px center no-repeat;}
.news .newsL .top li.act02 a:hover{ background:url(../images/icon02a.png) 15px center no-repeat;}

.news .newsL .top li.act03 a{ background:url(../images/icon03.png) 15px center no-repeat;}
.news .newsL .top li.act03 a:hover{ background:url(../images/icon03a.png) 15px center no-repeat;}

.news .newsL .top li.act04 a{ background:url(../images/icon04.png) 15px center no-repeat;}
.news .newsL .top li.act04 a:hover{ background:url(../images/icon04a.png) 15px center no-repeat;}

.news .newsL .bottom{ margin-top:15px}
.news .newsL .bottom li{ line-height:33px; }
.news .newsL .bottom li a{ font-size:14px; color:#363b41; display:block; padding-left:45px;}
.news .newsL .bottom li.act01 a{ background:url(../images/icon05.png) 15px center no-repeat;}

.news .newsL .bottom li.act02 a{ background:url(../images/icon06.png) 15px center no-repeat;}



.news .newsC{ width:460px; float:left; height:300px;}

.Cooperation_nr{ width:460px;}
.Cooperation_nr .bd{  overflow:hidden; padding:20px; background:#FFF; margin-bottom:5px}
.Cooperation_nr .bd li{ width:auto; overflow:hidden; height:170px; position:relative;}
.Cooperation_nr .img{ width:150px; float:left;  height:170px;  position:relative}
.Cooperation_nr .img img{ position:absolute; max-width:100%; max-height:100%; top:0; bottom:0; left:0; right:0; margin:auto}

.Cooperation_nr  .hd{ overflow:hidden; margin:0 auto; position:relative; background:#FFF}
.Cooperation_nr  .hd ul{ padding-left:10px; padding-top:12px;  overflow:hidden; zoom:1; height:45px; zoom:1; }
.Cooperation_nr  .hd ul li{ display:inline-block; width:20px; height:10px; overflow:hidden; margin-right:5px; text-indent:-999px; cursor:pointer; background:#cccccc; }
.Cooperation_nr  .hd ul li.on{ background:#e57917; }

.Cooperation_nr  .hd .more{ display:block; line-height:45px; position:absolute; right:20px; top:0; color:#e57917; font-size:14px; background:url(../images/more.jpg) right center no-repeat; padding-right:20px}
.Cooperation_nr a{ display:block; height:150px;}
.Cooperation_text{width:250px;float:right;color:#808080;font-size:14px;/* padding-top:20px; */height:170px;line-height:23px;}
.Cooperation_text strong{ font-size:16px; color:#4c4c4c; position:relative; display:block; margin-bottom:10px}

.Cooperation_text a{ display:block} 

.news .newsR{ width:460px; float:right; height:300px;}

.news .newsBt{ height:40px; background:#2d4188; font-size:16px; line-height:40px; color:#FFF; padding-left:20px}
.news .newsBt span{ font-size:12px; font-family:Arial, Helvetica, sans-serif; padding-left:10px;}

#ProductsRecommended .bd{ padding:15px }
#ProductsRecommended .bd ul{ overflow:hidden; zoom:1; width:430px;  float:left; _display:inline;  }
#ProductsRecommended .bd ul li{ width:215px; height:180px; float:left}
#ProductsRecommended .bd ul li a{ display:block; text-align:center; font-size:16px;}
#ProductsRecommended .bd ul .img{ width:170px; margin:0 auto; height:150px;  position:relative}
#ProductsRecommended .bd ul .img img{ position:absolute; max-width:100%; max-height:100%; top:0; bottom:0; left:0; right:0; margin:auto}
#ProductsRecommended .bd ul .txt{ margin:0 auto; line-height:32px; width:170px}

#ProductsRecommended .bd ul li a:hover{ color:#e57917}
/*内页样式*/


.nyban{ width:auto; height:150px; background:url(../images/nyban.jpg) center center no-repeat;}

.nyban54{ background:url(../images/nyban54.jpg) center center no-repeat;}
.nyban6{ background:url(../images/nyban6.jpg) center center no-repeat;}
.nyban55{ background:url(../images/nyban55.jpg) center center no-repeat;}
.nyban70{ background:url(../images/nyban70.jpg) center center no-repeat;}
.nyban71{ background:url(../images/nyban71.jpg) center center no-repeat;}
.nyban7{ background:url(../images/nyban7.jpg) center center no-repeat;}
.nyban20{ background:url(../images/nyban20.jpg) center center no-repeat;}
.nyban64{ background:url(../images/nyban64.jpg) center center no-repeat;}


.right{width:960px;  float:right; overflow:hidden; padding-bottom:50px;}
.right .right-bt{ width:960px; height:42px;  position:relative; border-bottom:1px solid #dedede; line-height:38px;}
.right .right-bt .nybtL{ display:inline-block; color:#000; height:42px; font-size:20px; position:relative;}
.right .right-bt .nybtL:after{ content:''; position:absolute; left:0; bottom:-1px; height:2px; background:#e57917; width:100%}
.right .right-bt .nybtR{ position:absolute; right:0; top:0;  overflow:hidden; color:#737373}

.right .right-bt .nybtR a:nth-last-child(1){ color:#e57917}
.right .right-bt a{ color:#737373}
.right .right-bt a:hover{ color:#e57917}

.ny-right-about{ width:960px;  overflow:hidden; padding:10px 0; font-size:14px; color:#474747}
.ny-right-about h1{ font-size:18px;  line-height:26px;}

.ny-right-news{ width:960px; margin:0 auto;  padding:10px 0 }
.ny-right-news li{ width:960px; height:32px; line-height:32px; position:relative; border-bottom:1px dashed #CCC; overflow:hidden}
.ny-right-news li a{background:url(../Images/5.png) left center no-repeat; padding-left:15px;}
.ny-right-news li span{ position:absolute; right:0; top:0; color:#737373;}
.ny-right-news ul{ margin-bottom:20px;}


.ny-right-news h1{ font-size:16px; width:960px; float:left; text-align:center}
.ny-right-news h6{ border-bottom:1px dashed #CCC; width:960px; font-weight:normal; height:32px; float:left; line-height:32px; text-align:center;color:#737373}
.ny-news-nr{ width:960px; float:left; padding-top:10px; margin-bottom:20px;}

/*荣誉*/
.ny-right-honor { width:960px; padding:10px 0; overflow:hidden}
.ny-right-honor li{ width:240px; margin-bottom:20px; line-height:32px; float:left}
.ny-right-honor li .pic{ width:220px; margin:0 auto; border:1px solid #CCC;}
.ny-right-honor li .pic a{ position:relative; display:block; width:220px; height:140px;}
.ny-right-honor li .pic img{ max-width:100%; max-height:100%; position:absolute; margin:auto; top:0; left:0; right:0; bottom:0  }

.ny-right-honor li .txt{ width:220px;  margin:0 auto; height:24px; font-size:14px; overflow:hidden; line-height:24px; text-align:center}
.ny-right-honor li .txt a{ color:#919191;  font-size:14px;}
.ny-right-honor li .txt a:hover{ color:#4587e8}


/*内页****产品****样式*****/
.ny-right-pro{ width:960px; padding:10px 0; overflow:hidden}

.ny-right-pro li{ width:240px; margin-bottom:20px; line-height:32px; float:left}
.ny-right-pro li .pic{ width:220px; margin:0 auto; border:1px solid #eee;}
.ny-right-pro li .pic a{ position:relative; display:block; width:220px; height:220px;}
.ny-right-pro li .pic img{ max-width:100%; max-height:100%; position:absolute; margin:auto; top:0; left:0; right:0; bottom:0  }
.ny-right-pro li .txt{ width:220px; margin:0 auto; overflow:hidden; height:24px; line-height:24px; text-align:center}
.ny-right-pro li .txt a{ color:#919191; font-size:14px;}
.ny-right-pro li .txt a:hover{color:#4587e8}


.jqzoom_A{ width:960px;  margin:10px auto; text-align:center;}
.jqzoom_A img{ border:1px solid #CCC; max-width:550px;}



.proproperty{ font-size:16px; font-weight:bold; color:#373737; margin-top:20px; width:960px; border-bottom:1px solid #e2e2e2;  height:30px;}
.proproperty li {float:left;  height:30px; background-image:url(../Images/t2.jpg); cursor:pointer; margin-right:5px; font-size:12px; font-weight:100; text-align:center; float:left; line-height:30px; color:#FFF; width:75px; }
.proproperty li.cur{ background-image:url(../Images/t1.jpg); }

.procontent{ width:960px; float:right; padding:10px 0;}

.dispaly{ display:none}


.pageleft{ float:left}
.pageright{ float:right}


.linkWrap{width:100%; overflow:hidden; padding:30px 0; line-height:20px; font-size:14px}
.linkWrap .link{ width:1020px; margin:0 auto; color:#333333; position:relative; overflow:hidden; min-height:24px; padding-left:100px;}
.linkWrap .link span { position:absolute; background:url(../images/link.png) left center no-repeat; padding-left:20px;  left:0; top:0; font-size:16px;}
.linkWrap .link a{color:#cccccc; font-size:14px; margin-right:20px;}
.linkWrap .link a:hover{ text-decoration:underline; color:#4587e8}

/*footer*/

.footerWrap{width:100%; overflow:hidden; background:url(../images/footbj.jpg) center center no-repeat; height:320px; line-height:28px; font-size:14px; position:relative}

.footerWrap .footer{ width:1200px; margin:0 auto; color:#e5e5e5; position:relative; padding:40px 0;  line-height:30px; overflow:hidden}
.footerWrap .footer  strong{ display:block; background:url(../images/xian02.png) left bottom no-repeat; position:relative; font-size:18px; color:#ffffff; line-height:50px; font-weight:normal; margin-bottom:8px;}
.footerWrap .footer .footLeft{ width:220px; float:left; margin-right:90px; overflow:hidden}
.footerWrap .footer .footConter{width:220px; float:left; margin-right:90px; }
.footerWrap .footer .footRight{ width:350px; float:left; overflow:hidden}

.footerWrap .footer li{ width:160px; float:left}
.footerWrap .footer a{color:#e5e5e5; font-size:14px;}
.footerWrap .footer a:hover{ color:#4587e8; text-decoration:underline}

.footerWrap .footer .footewm{ width:129px; text-align:center; float:right;}
.footerWrap .footer .footewm img{ width:129px; padding-top:50px}

.footerWrap .footer .footConter ul li{ width:110px}

.copyWrap{ width:auto; padding:7px 0; background:#282c30; color:#999999}
.copyWrap .copy{ width:1200px; margin:0 auto; font-size:14px; position:relative}
.copyWrap .copy a{color:#999999; font-size:14px;}
.copyWrap .copy a:hover{ text-decoration:underline}
.copyWrap .copy .technology{ position:absolute; right:0; top:0}

/*翻页*/
.pageNavi{text-align:center; margin-top:20px; margin-bottom:20px;}
.wp-pagenavi {CLEAR: both;}
.wp-pagenavi A {BORDER-RIGHT: #bfbfbf 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #bfbfbf 1px solid; PADDING-LEFT: 5px; PADDING-BOTTOM: 3px; MARGIN: 2px; BORDER-LEFT: #bfbfbf 1px solid; PADDING-TOP: 3px; BORDER-BOTTOM: #bfbfbf 1px solid; TEXT-DECORATION: none}
.wp-pagenavi SPAN {BORDER-RIGHT: #bfbfbf 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #bfbfbf 1px solid; PADDING-LEFT: 5px; PADDING-BOTTOM: 3px; MARGIN: 2px; BORDER-LEFT: #bfbfbf 1px solid; PADDING-TOP: 3px; BORDER-BOTTOM: #bfbfbf 1px solid; TEXT-DECORATION: none}
.wp-pagenavi A:hover {BORDER-LEFT-COLOR: #000; BORDER-BOTTOM-COLOR: #000; BORDER-TOP-COLOR: #000; BORDER-RIGHT-COLOR: #000}
.wp-pagenavi SPAN.current {BORDER-LEFT-COLOR: #000; BORDER-BOTTOM-COLOR: #000; BORDER-TOP-COLOR: #000; BORDER-RIGHT-COLOR: #000}
.wp-pagenavi SPAN.current {FONT-WEIGHT: bold}



/*===========================================插件END======================================================*/

#product_view {width:700px; margin:auto; overflow:hidden;}
#product_view h1 { font-size:18px; text-align: left; line-height:26px;}
#product_view h2 { font-size:14px; height:30px; line-height:30px}
#product_view div.content { line-height:180%; padding-bottom:15px}
#product_view p.pImg {text-align:center; padding-bottom:15px}


.list{ padding:0 10px 0 0;}
.list img{ cursor:pointer; padding:1px; border:1px solid #cdcdcd; margin-right:10px; display:block; float:left; width:60px; height:60px; margin-bottom:10px;}
.list img.onzoom, .list img.on{padding:0px; border:2px solid #e57917;}

.container{ position:relative;}

.izImage{ border:1px solid #cdcdcd; width:380px; cursor:pointer}
.izViewer{width:300px;height:300px;position:absolute;left:390px;top:0;display:none; border:1px solid #999;}

.handle{display:none;opacity:0.6;filter:alpha(opacity=60);background:#E6EAF3; cursor:crosshair;}


.right_text{ width:560px; text-align:left; float:right;}
.right_text h1{ line-height:26px; font-size:18px; font-weight:normal}

.right_text .text{ line-height:34px; }
.right_text .text span{ font-size:20px; color:#e57917;}



/*漂浮*/
.float-contact-mini {
	position: absolute;
	right: 1px;
	top: 30%;
	 z-index:100
}
.float-contact-mini a {
	background: url("../images/sprites.png") no-repeat scroll 0 0 transparent;
	color: #FFFFFF !important;
	display: block;
	height: 65px;
	line-height: 110%;
	padding: 46px 5px 0;
	text-align: center;
	text-decoration: none !important;
	width: 18px;
}
.float-contact {
	display: none;
	position: absolute;
	right: 1px;
	top:28%;
	width: 190px;
}
.float-contact .close {
	background: url("../images/sprites.png") no-repeat scroll -29px 0 transparent;
	color: #FFFFFF !important;
	display: block;
	height: 31px;

	line-height: 31px;
	padding-left: 22px;

}
.float-contact .container {
	background:#FFFFFF;
	border-color: #E3E3E3;
	 padding:10px

}
.float-contact .container {
	border-style: solid;

}
.float-contact .qq {
	
}
.float-contact .qqtitle {

}
.float-contact .qq .btn {
	
}
.float-contact .qq .btn li {
line-height:30px;
}

/*.float-contact .qq .btn li a{ border:1px solid #e6e6e6; margin:10px auto 0; display:block}*/

.float-contact .myqqlink {
	background: url("../images/qqpf.png") repeat-x left center;
	
	color: #FFFFFF ; font-size:16px;
	display: block;
	height: 35px;
	line-height: 35px;
	text-align: center;

}